<script setup>
const toNext_1 = function () {
  uni.navigateTo({url: '/pages/apply/apply'})
}

const toNext_2 = function () {
  uni.navigateTo({url: '/pages/teacher_pages/otherPages/examine'})
}
</script>

<template>
  <view id="bac">
    <view id="background">
      <view id="text">
        欢迎使用<br></br>研究生假期安全守护系统
      </view>
    </view>
    <view id="background">
      <button id="button_1" style="color: #f8f8f8" @click="toNext_1">登录学生端</button>
    </view>
    <view id="background">
      <button id="button_2" style="color: #f8f8f8" @click="toNext_2">登录教师端</button>
    </view>
  </view>
</template>

<style scoped>
#bac{
  background: url("../../static/image/picture/background.jpg");
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#background {
  display: flex;
  justify-content: center;
}

#button_1 {
  margin-top: 220px;
  width: 283px;
  height: 50px;
  border-radius: 25px;
  background: #2264ff;
  box-shadow: 0 5px 10px #2264ff33;
}

#button_2 {
  margin-top: 50px;
  width: 283px;
  height: 50px;
  border-radius: 25px;
  background: #2264ff;
  box-shadow: 0 5px 10px #2264ff33;
}


#text {
  margin-top: 180px;
  font-size: 35px;
  color: black;
  font-weight: 700;
  text-align: center;
}
</style>